<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  <script>
      //在测试DOM时，通常JS代码一定要写在HTML节点的后面，否则JS无法找到相应的HTML节点
      //可以使用window.onload=function(){}事件，使页面加载完毕之后，再执行指定的代码
      //给window对象添加onload事件监听。onload表示页面都加载完毕了
      window.onload=function(){
        var box=document.getElementById('box')
        var para=document.getElementById('para')
        console.log(box)//<div id="box">我是一个盒子</div>
        console.log(para)//<p id="para">我是一个段落</p>
        console.log(box.nodeType)//1
        console.log(typeof(box))//object    
      }
  </script>  
</head>
<body>
    <div id="box">我是一个盒子</div>
    <p id="para">我是一个段落</p>
</body>
</html>